    
@media (max-width: 1920px) {
	.container { max-width: 1420px;
	}
	.pro_fr .pro_box video{

		height:384px;
	}
}
@media (max-width: 1680px) {
	.container { max-width: 1320px;}
	.pro_fr .pro_box iframe{

		height:356px;
	}
	.pro_fr .pro_box video{

		height:356px;
	}

}
@media screen and (max-width:1440px) {
	.container { max-width: 1280px;}
	.pro_fr .pro_box iframe{
 

		height:345px;
	}
	.pro_fr .pro_box video{
 

		height:345px;
	}

}
@media (max-width: 1280px) {
	.container { max-width: 1200px;}
	.pro_fr .pro_box iframe{

		height:322px;
	}
	.pro_fr .pro_box video{

		height:322px;
	}
	.news .main_title { position: absolute; bottom:10%; }
}
@media (max-width: 1024px) {

	.pro_fr .pro_box iframe{

		height:270px;
	}
	.pro_fr .pro_box video{

		
	}
	.about p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
	.news .main_title { position: absolute; bottom:10%; }

}
@media screen and (max-width:990px) {
	/*头部*/
	.back-to-top{ display: none !important;}
	#header {
		height: 70px;
	  }
	.top-box .logo {
		justify-content: flex-start;
		height: 70px;
	}

	.top-box .logo img {
		max-height: 55px;
	}

	/*banner*/
	#banner .swiper-button{ display: none;}
	#banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 10px;

	}
	#banner .swiper-slide .pcimg { display:none !important;}
	#banner .swiper-slide .mobimg {display:block !important;}
	#banner{ display:none;}
#mob-banner{ display:block;}
    /*  */
	.pro_fr .pro_box iframe{

		height:263px;
	}
	.pro_fr .pro_box video{

	
	}
	.news .main_title { position: absolute; bottom:5%; }
	.news .news-list li { line-height: 38px;  }
	.pro_fl .pro_box_l:hover .pro-nav {opacity:0; }
	.pro_fr .pro_box:hover .pro-nav {opacity: 0; }
	.main_title b{
		font-size: 30px;
		display: block;
		
		}

	
	/*底部*/
	.foot {
		display: none;
	}

}

@media screen and (max-width:768px) {
	/*头部*/
	#header {
		height: 60px;
	  }
	.top-box .logo {
		justify-content: flex-start;
		height: 60px;
	}

	.top-box .logo img {
		max-height: 45px;
	}
	.mobile-nav-toggle {
		top: 5px;
	}
    /*  */
	.product { margin-top: 30px;  flex-direction: column;}
	.product2 { margin-top: 30px; flex-direction: column;}
	.pro_fl{
		
		margin-right: 0;
	}
	.pro_fr {
		
		margin-left: 0;
	}

	.pro_fl .pro_box_l {
		margin-bottom: 30px!important;
	
	}
	.pro_fr .pro_box iframe {
		height:415px;
	}
	.pro_fr .pro_box video {
		
	}

	.ab-news {
		margin-top: 30px;
		flex-direction: column;
	}
	.about {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	
	}
	.news {width: 100%;  margin-left: 0; position: relative;}
	.news .main_title {
	
		bottom: 30%;
	}
	.ft-contact {  flex-direction: column; align-items: center;}
	.ft-contact .fot-div img{ display: none;  }
	.ft-contact div { text-align: center;}
}

@media screen and (max-width:640px) {

	
	 
	.pro_fr .pro_box iframe {
		height:344px;
	}
	.pro_fr .pro_box video {
		
	}
	.foot .ft-contact {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		padding: 10px;
	  }
	  .foot .ft-contact {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		padding:10px;
	}
	
}
@media screen and (max-width:480px) {
	#header {
		height: 60px;
	  }
	.top-box .logo {
		justify-content: flex-start;
		height: 60px;
	}
	.mobile-nav-toggle {
		top: 5px;
	}
	.top-box .logo img {
		max-height: 50px;
	}

	.main_title b{
		font-size: 24px;
	
	}
	.main_title p {
			font-size: 16px;
			line-height: 28px;
			margin-top: 10px;	
			
	}
	.title-more {margin-top:10px; width: 130px; }
	.pro_fr .pro_box .main_title {
	
		left: 20px;
	}
	.pro_fr .pro_box .main_title {
	
		left: 20px;
	}
	.pro_fl .pro_box_l .main_title {
		position: absolute;
		top: 10%;
		left: 20px;
	}
	.pro_fr .pro_box iframe {
		height:253px;
	}
	.pro_fr .pro_box video {
		
	}
	.news .main_title {
	
		bottom: 8%;
		left: 20px;
		right: 20px;
	}
	.news .news-list li {  margin: 5px 0px ;  }
	.about .main_title {
	
		bottom: 8%;
		left: 20px;
		right: 20px;
	}
	.fot_bg { padding: 30px 0; margin-top: 50px;}
	.fot_bg .fot-div { margin-right: 0px;}
	.fot_bg b{ font-size: 24px;}
	.fot_bg .fot_dec2 {
		color: #fff;
		font-size: 16px;
		line-height: 26px;
		margin: 5px 0;
	}

}